		
$(function(){

		// Autocomplete pour préciser le login de l'enseignant pour qui ont créé le cours
		// N'est affiché que pour l'administrateur
		$("#enseignant").focus().autocomplete("cours/creation_cours_enseignants.php", {
			width: 700,
			max:0,
			formatItem: function(row) {
				return row[1]+" "+row[2]+" ("+row[3]+")";
    		},
    		formatMatch: function(row) {
    			return row[0]+" "+row[1]+" "+row[2]+" ("+row[3]+")";
    		},
		    formatResult: function(row) {
			                              return row[0];
		                                }			
		});
		
		// Validation de l'autocomplete
		$("#enseignant").result(function(data) {
		if (data)
      	{
      		var login=$("#enseignant").val();
			$("#enseignant_responsable").html(login); // le login du responsable est ajouté
			$("#enseignant_responsable").show("pulsate",200); // On le fait clignoté pour voir la validation du login
		}
      	});

	// Initialisation du calendrier qui permet de sélectionner la data à laquelle les étudiants seront inscrits
	$("#datedebut").datepicker();
  
	// Lors de l'ajout d'une étape pour inscription, après sélection de l'ufr on fait :
	$("#ufr").change( function() {

		if ($(this).val()=="Aucun") // Si on sélectionne le premier champs qui est "Sélectionner un UFR"
		{
			$("#niveau").hide("slide",100); // on cache le niveau
			$("#divetape").hide("slide",100); // On cache les étapes
		}
		else // Sinon on charge le choix du niveau
		{
			$("#niveau").load("cours/creation_cours_niveau.php", { ufr: $(this).val() } ,function(){
			$("#divetape").hide("slide",100); // On cache éventuellement la liste des étapes précédentes
			$("#niveau").show("pulsate",200); // On fait clignoter les niveaux pour inciter à l'utilisateur de faire un choix
			});
			
		}
	});

	// Lors de l'ajout d'une étape pour inscription, après sélection de du niveau on fait :
	$("#niveau").change( function() {

		if ($(this).val()=="Aucun") // Si on sélectionne le premier champs qui est "Sélectionner un niveau"
		{
			$("#divetape").hide("slide",100); // On cache la liste des étapes
		}
		else // Sinon on charge les étapes correspondant au nouveau niveau sélectionné
		{
			$("#divetape").load("cours/creation_cours_code_etape.php", { ufr: $("#ufr").val(), niveau : $(this).val() } ,function(){
				$("#divetape").show("slide",200); // Effet d'apparition après chargement de la liste
			});
			// On charge la liste des disciplines et si y'en a on affiche le filtre
			$.post("cours/creation_cours_filtre_discipline.php", { ufr: $("#ufr").val(), niveau : $(this).val() },function(data){
				$('#filtre').html(data); 
				$('#highlight').show("pulsate",200); // On fait clignoter le filtre pour attirer l'attention
			});
		}
	});

	// Initialisation de la boite de dialogue liste des étudiants d'une formation
	$('#liste_etudiants').dialog({
		autoOpen: false,
		width: 750,
		height: 550,
		modal: true,
		title: 'Les étudiants',
		buttons: {
			"Annuler": function() { 
				$(this).dialog("close"); 
			}
		}
	});

	// Initialisation de la boite de dialogue "Aide pour la création de cours"
	$('#aide').dialog({
		autoOpen: false,
		width: 750,
		height: 550,
		modal: true,
		title: 'Aide',
		buttons: {
			"Fermer": function() { 
				$(this).dialog("close"); 
			}
		}
	});
		
	// Initialisation de la boite de dialogue "Liste des étapes d'une UFR et d'un Niveau"
	$('#inscrire_etape').dialog({
		autoOpen: false,
		width: 750,
		height: 550,
		modal: true,
		title: 'Ajoutez les étudiants d\'une formation',
		buttons: {
			"Terminer": function() { 
				$(this).dialog("close"); 
			}
		}
	});

	// Initialisation de la boite de dialogue "Liste des UELs"
	$('#inscrire_uel').dialog({
		autoOpen: false,
		width: 750,
		height: 550,
		modal: true,
		title: 'Ajoutez les étudiants d\'une UEL',
		buttons: {
			"Annuler": function() { 
				$(this).dialog("close"); 
			}
		}
	});

	// Initialisation de la boite de dialogue "Ajout d'une correspondance manuel par un administrateur"
	$('#administrateur').dialog({
		autoOpen: false,
		width: 750,
		height: 550,
		modal: true,
		title: 'Ajoutez manuellement une correspondance',
		buttons: {
			"Ajouter cette correspondance": function() { ajout_formation_manuel(); $(this).dialog("close"); },
			"Annuler": function() { $(this).dialog("close"); }
		}		

		
	});		
	
	// Initialisation de l'étape 1
	etape("2");
})

function valid()
{
	// Création du cours
	// Ajout de l'enseignant au cours
	// Mise en responsable de l'enseignant
	// Ajout des correspondances
	// Envoi du mail à l'enseignant et au STIC
	// Mise à jour du tracking

alert("ok");	
	
}
function verif_etape1()
{
	if ($("#nom").val()=="")
	{
		$("#nom").val("Le nom de l'espace est obligatoire");
		$("#nom").addClass("ui-state-error");
		$("#nom").show("pulsate",300, function(){$("#nom").removeClass("ui-state-error");$("#nom").val("");$("#nom").focus("");});
		
		return false;
	}
	if ($("#description").val()=="")
	{
		$("#description").val($("#nom").val());
	}
	etape('2');
}

function verif_etape2()
{
	var enfant=$("#etudiants_inscrits").children().length;
	if (enfant==0)
	{
		if(!document.getElementById("message_error_inscrit")){
			$("#etudiants_inscrits").before("<span id='message_error_inscrit' class='ui-state-error padding'>Vous devez préciser les étudiants à inscrire, le cas échéant cliquez sur \"Aucun étudiant\"</span>");
		}
		$("#message_error_inscrit").show("pulsate",200);
		return false;
	}
	
	if(document.getElementById("enseignant_responsable")){
		$("#valid_enseignant").html($("#enseignant_responsable").html());
		$("#valid_enseignant_login").html($("#enseignant_responsable").html());
	}
	
	
	// Mise à jour des informations de l'étape 3
	$("#valid_nom").html($("#nom").val());
	$("#valid_description").html($("#description").val());
	
	if ($("#enseignant_responsable").val()!="")
	{
		$("#valid_enseignant_login").html($("#enseignant_responsable").val());	
	}
	
	//$("#valid_etudiants").html($("#etudiants_inscrits"));
	var etudiants_inscrits_code="";
	var etudiants_inscrits="";
	var separator="";
	var separator2="";
	$($("#etudiants_inscrits").children()).each(function(){
		etudiants_inscrits_code=etudiants_inscrits_code+separator+$(this).attr("id");
		etudiants_inscrits=etudiants_inscrits+separator2+$(this).html();
		separator=";";
		separator2=" | ";
	});
	
	// On ajoute la class bidon2 aux objets de class bidon (formation sélectionnée)
	$(".bidon").addClass("bidon2");	
	// On supprime la class bidon aux objets de class bidon (formation sélectionnée) il leur reste donc juste bidon2
	$(".bidon").removeClass("bidon");	
	// On fait une copie de la liste des formations sélectionnées
	$("#valid_etudiants").html(etudiants_inscrits);
	// On vire toutes les images qui ont une classe bidon
	$(".bidon").remove();
	// On remet la class bidon aux objet bidon2 mis de côté précédemment
	$(".bidon2").addClass("bidon");
	// On supprime la class bison2
	$(".bidon2").removeClass("bidon2");
	
	$("#valid_etudiants_code").html(etudiants_inscrits_code);
	$("#valid_date").html($("#datedebut").val());
	
	
	etape('3');
}

function ajout_formation_manuel()
{
	type="manuel";
	code=$("#correspondance_domaine").val()+"-"+$("#correspondance_type").val()+"-"+$("#correspondance_codes").val();
	nom=code;
	ajout_formation(type, code, nom);
}

function ajout_formation(type, code, nom)
{
    
	if (type=="manuel")
	{
		code = code.replace(/\s+/g,"");
		nom=code;
	}

  id=type+"-"+code;
  
  // Si message d'erreur précédent on le supprime
  $("#message_error_inscrit").remove();
  
  if(!document.getElementById(id)){
		$("#etudiants_inscrits").append("<li id='"+type+"-"+code+"'>"+nom+" (2009"+code+")"+" </li>");
		$("#"+type+"-"+code).append(" <img class='point bidon margetop' src='includes/images/cross.png' title ='Supprimer les inscriptions pour cette formation' alt='Supprimer les inscriptions pour cette formation' onclick='suppr_formation(\""+type+"-"+code+"\")' ></img>");
		$("#inscrits").show();
		$("#"+type+"-"+code).show("scale",150);
		
		id="#etape"+code;
		if(!document.getElementById(id)){
			$(id).append("<img id='imgetp-"+code+"' src='includes/images/tick.png' />");
			$(id).show("pulsate",200);
		}
	}



	$("#"+type+"-"+code).show("pulsate",200);
	if (type=="aucun")
	{
		$("#buttons_ajout_etudiant").hide();
		$("#a_partir_de").hide();
	}
	else
	{
	 $("#aucun_etudiant").hide();
	 $("#a_partir_de").show();
	}

 
 return false;
}

function suppr_formation(code)
{
// Supprime du visuel une formation	qui a été précédemment sélectionnée par l'utilisateur

	$("#"+code).hide("explode",200, function(){ // Effet d'explosion pour la faire disparaitre
		$("#"+code).remove(); // suppression réel du li de la formation ou de l'UEL
		$("#img"+code).remove(); // suppression de l'image "valider" dans la boite de dialog si c'est une formation 

		if (code=="aucun-aucun") // Si on supprime la ligne "Aucun étudiant"
		{
			$("#buttons_ajout_etudiant").show(); // On remontre tous les boutons pour ajouter des étudiants
		}
			
		var enfant=$("#etudiants_inscrits").children().length; // Si c'est le dernier élément supprimé
		if (enfant==0)
		{
			$("#aucun_etudiant").show(); // On remontre le bouton "Aucun étudiant"
			$("#a_partir_de").hide(); // On cache la date à laquelle les étudiants seront inscrits
		}
	});
}

function etape(id)
{
// Cache les 3 div correspondant aux 3 etapes et ne réaffiche que le div de l'étape en cours
	$("#etape1").hide();
	$("#etape2").hide();
	$("#etape3").hide();
	$("#etape"+id).show();
	if (id==3)
	{	$("#choix_enseignant").hide();}
	else
	{	$("#choix_enseignant").show();}

}


function change_class(classe)
{
// Lors du choix d'une formation permet de mettre en surbrillance certaines étapes selon une discipline
// Modifie la class des formations appartenant à une discipline

	// On met toutes les étapes sur fond blanc (afin de désélectionner éventuellement les précédentes) :
	$("#divetape > ul > li").css("background-color","");	
	// On met les LI avec la class de la discipline en fond jaune :
	$("li.matiere"+classe).css("background-color","#F2F19F");
}
